<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

   <script src="./script/jquery-1.7.2.min.js"></script>
  <script src="./js/jquery.rolling.js" type="text/javascript"></script>
  
  <style>
  
	.title{
		padding-left:27px; background-color:#CCC; 
		font-size:17px; font-style:bold;
	}
	div.gallery_rolling {position:relative; margin:0 0 0 8px; width:800px; height:400px;}
	
	/** 화살표 **/
	div.gallery_rolling .arrow_prev {position:absolute;top:10px; left:10px;width:15px;height:35px;cursor:pointer;}
	div.gallery_rolling .arrow_next {position:absolute;top:10px;left:900px;width:15px;height:35px;cursor:pointer;}
	/** 롤링박스 **/
	div.gallery_rolling div.carrousel_box {position:absolute;top:0px;left:0;overflow:hidden;width:800px;height:400px;}
	div.gallery_rolling li {float:left; width:800px; height:400px;}
	div.gallery_rolling li div.img_box {margin: 0; width:800px; height:400px;}
	div.gallery_rolling li div.img_box img {width:100%; height:100%;}
  </style>

 <script>
  /*** 롤링배너 ***/
  jQuery(function($){
    $("div.gallery_rolling").gallery_rolling();
  });
 </script>
 </head>

 <body>
	<DIV class=gallery_rolling>
		<SPAN class=arrow_prev><IMG src="http://www.songtory.com/editor/images/artist/dy_artistview2_01.gif"></SPAN>
		<SPAN class=arrow_next><IMG src="http://www.songtory.com/editor/images/artist/dy_artistview2_03.gif"></SPAN>
		<DIV class=carrousel_box>
		   <UL>
				<LI>
				  <DIV class=img_box><img src="./img/contents3.jpg" width="800px" height="400px"> </DIV>
				</LI>
				<LI>
				  <DIV class=img_box><img src="./img/prototype.jpg" width="800px" height="400px"> </DIV>
				</LI>
		   </UL>
		</DIV>
	</DIV>
 </body>
</html>
